import React, {useEffect} from 'react'
import "./NewsSandBox.css";
import Nprogress from "nprogress";
import "nprogress/nprogress.css"
import SideMenu from '../../components/sandbox/SideMenu'
import TopHeader from '../../components/sandbox/TopHeader'
import NewsRouter from '../../components/sandbox/NewsRouter'
import {Layout} from 'antd'
const {Content} =Layout;

export default function NewsSandBox() {
    Nprogress.start();
    useEffect(()=>{
        Nprogress.done();
    })
    return (
        <Layout>
            <SideMenu/>
            <Layout className="site-layout">
            <TopHeader/>
            <Content
                    className="site-layout-background"
                    style={{
                    margin: '24px 16px',
                    padding: 24,
                    minHeight: 280,
                    overflow:"auto"
                    }}>
                <NewsRouter/>
          {/*    右侧的内容区就是NewsRouter，所以NewsRouter可以包括所有的路径，方便写。      */}
          </Content>
            </Layout>

           
        </Layout>
    )
}
